<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<h:outputStylesheet library="css" name="style.css" />
	<h:outputStylesheet library="css" name="layout.css" />
	<title><ui:insert name="title">OPGEA Tutor</ui:insert></title>
</h:head>
<h:body>
	<div class="PAGE_HEADER">
		<h3>Tutor.com</h3>
	</div>
	<h:form>
		<table class="TOOLBAR" style="width: 100%;">
			<tr style="height: 30px; vertical-align: top;">
				<td><a href="#{externalContext}/Tutor/faces/home.xhtml">Home</a>
					| <a href="#{externalContext}/Tutor/faces/about.xhtml">About</a> |
					<a href="#{externalContext}/Tutor/faces/login/create.xhtml">Sign
						Up</a> | <a href="#{externalContext}/Tutor/faces/login/login.xhtml">Login</a>
				</td>
				<td align="left" valign="top"><p:growl id="messages" 
						autoUpdate="true" closable="true" sticky="false">
						<p:effect type="slide">  
				            <f:param name="direction" value="'horizontal'" />  
				        </p:effect>
					</p:growl></td>
				<td>
					<div style="text-align: right; margin-right: 10px;">
						<b>${sessionData.loginId} (${sessionData.userType})</b> &nbsp;
						<h:commandLink action="#{loginController.logout}" value="Logout" />
					</div>
				</td>
			</tr>
		</table>
	</h:form>
</h:body>
</html>
